<template>
   <div>
       <p v-for="(item,index) in send" :key="index" @click="changeIndex(index)" :class="{'active':index==ind}">
           {{item.title}}
       </p>
   </div>
</template>

<script>
export default {
    props:["send"],
    data(){
        return {
            ind :0
        }
    },
    methods:{
        changeIndex(index){
            this.ind = index
            this.$bus.$emit("sendIndex",index)
        }
    }

}
</script>

<style>
 .active {
     color: skyblue;
 }
</style>